<style>
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("images/loading_bar.gif") no-repeat center center #fff;
}
</style>
<script>
document.onreadystatechange = function () {
  var state = document.readyState
  if (state == 'interactive') {
       document.getElementById('contents').style.visibility="hidden";
  } else if (state == 'complete') {
      setTimeout(function(){
			 document.getElementById('interactive');
			 document.getElementById('load').style.visibility="hidden";
			 document.getElementById('contents').style.visibility="visible";
      },300);
  }
}
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/webserviceurl.js"></script>
<script src="js/validations.js"></script>
<script src="js/text.js"></script>
<script src="js/commonfunctions.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script>
$(window).load(function() {
$('#header').load('header.html');
$('#footer').load('footer.html');
});
</script>
<div id="load"></div>
<div id="contents">
<div id="header"></div>
<div class="container-fluid">
		<div class="row-fluid container_bg">
		<div class="container_plr">
			<div class="container_title pos_r">
				<div><h1>Request for shop registration</h1></div>
				<div  id="success_alert" class="alert_sucess alert alert-success span11" style="display:none;">
					<i class=" icon-ok-sign"></i>&nbsp;&nbsp;
					<span  id="Successshopregister"></span>
				</div>
				<p class="mar_top"></p>
				<div class="row mar_top">
				<div class="span12 brg">
				<div class="h2_title_bg"><h2>Your Personal Details</h2></div>
				<form class="form-horizontal mar_top" id="shopRegistration" name="shopRegistration">
					<div class="control-group">
						<label class="control-label" for="inputUser">Shop Name</label>
						<div class="controls">
						<input type="text" class="span8" id="shopName" name="shopName" placeholder="Please Enter Shop Name ">
						<span id="errorshopName" name="errorshopName" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputEmail">Email ID</label>
						<div class="controls">
						<input type="text" class="span8" id="inputEmail" name="inputEmail" placeholder="Please Enter Email ID" onblur="emailValidation()">
						<span id="errorEmail" name="errorEmail" style="color:red"></span>
						<span id="errorEmail1" name="errorEmail1" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputPh">Phonenumber</label>
						<div class="controls">
						<input type="text" class="span8" id="inputTelephone" name="inputTelephone" placeholder="Please Enter Telephone Number">
						<span id="errorTelephonenumber" name="errorTelephonenumber" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputPh">Alterphonenumber</label>
						<div class="controls">
						<input type="text" class="span8" id="alterphone" name="alterphone" placeholder="Please Enter Telephone Number">
						<span id="erroralterphone" name="erroralterphone" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="location">Location</label>
						<div class="controls">
						<input type="text" class="span8" id="location" name="location" placeholder="Please Enter location">
						<span id="errorlocation" name="errorlocation" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputAddress">Address</label>
						<div class="controls">
						<textarea rows="3" class="span8" id="inputAddress" name="inputAddress" placeholder="Please Enter Address"></textarea>
						<span id="errorAddress" name="errorAddress" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="pincode">Pincode</label>
						<div class="controls">
						<input type="text" class="span8" id="pincode" name="pincode" placeholder="Please Enter pincode">
						<span id="errorpincode" name="errorpincode" style="color:red"></span>
						</div>
					</div>
					<input type="hidden" class="span8" id="type_id" name="type_id" value="2">
					<div class="h2_title_bg reg_sub_tit"><h2>Your Password</h2></div>
					<div class="control-group">
						<label class="control-label" for="Password">Password</label>
						<div class="controls">
						<input type="password" class="span8" id="password" name="password" placeholder="Please Enter Password ">
						<span id="errorpassword" name="errorpassword" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="ConformPassword">Conform Password</label>
						<div class="controls">
						<input type="password" class="span8" id="ConformPassword" name="ConformPassword" placeholder="Please Enter Conform Password ">
						<span id="errorCPassword" name="errorCPassword" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
						<button type="button" class="medicart_btn" onclick="shopRegister()">SAVE</button><span id="registerReload"></span>
						</div>
					</div>
						<input type="hidden" id="hidemailerror" name="hidemailerror" value="1"/>
						<input type="hidden" id="compliantType" name="compliantType" value="Shopregister"/>
						<input type="hidden" id="tracking_id" name="tracking_id" value="0"/>
						<input type="hidden" id="user_id" name="user_id" value="0"/>
						<input type="hidden" id="complaint_id" name="complaint_id" value="0"/>
				</form>
				 
				</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	<div id="footer"></div>
	</div>